<!DOCTYPE HTML>
<html>
<head>
 <meta http-equiv='content-type' content='text/html; charset='utf-8'>

   <title> 风流登录 </title>
   </head>
<body>
<div class="navbar">
  <div class="navbar-inner">
    <div class="container">
 
      <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>
 
      <!-- Be sure to leave the brand out there if you want it shown -->
      <a class="brand" href="#">风流</a>
 
      <!-- Everything you want hidden at 940px or less, place within here -->
      <div class="nav-collapse collapse">
					<!-- .nav, .navbar-search, .navbar-form, etc --><ul class="nav nav-pills">
			  <li class="active">
				<a href="#">Home</a>
			  </li>
			  <li><a href="#">...</a></li>
			  <li><a  href="#">...</a></li>
			</ul>
      </div>
 
    </div>
  </div>
</div>

<br>
<br>


<div class="tabbable"> <!-- Only required for left/right tabs -->
  <ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">个人信息</a></li>
    <li><a href="#tab2" data-toggle="tab">Section 2</a></li>
  </ul>
  <div class="tab-content">
    <div class="tab-pane active" id="tab1">
				  <div class="container">
					  <div class="row">
						<div class="col-md-4"><p>用户名</p></div>
						<div class="col-md-4"><p>注册时间</p></div>
						<div class="col-md-4"><p>上次登陆时间</p></div>
						<div class="col-md-4"><p>账户等级</p></div>
						<div class="col-md-4"><p>邮箱</p></div>
						<div class="clearfix visible-md-block"></div>
					  </div>
				</div>
    </div>
    <div class="tab-pane" id="tab2">
      <p>Howdy, I'm in Section 2.</p>
    </div>
  </div>
</div>



</body>
</html>